.demobmdview{
    // this is less
.srf_empty_class {
    width: 100%;
    height: 100%;
}
.title-label{
    ion-icon {
      margin-bottom: 2px;
      vertical-align: middle;
    }
    img{
      width: 22px;
      height: 22px;
      margin-right: 5px;
      vertical-align: middle;
    }
    span{
      vertical-align: middle;
    }
}



&.mdview-white-filter.view-container {background: #fff;ion-header{.ionoc-view-header {--background: #fff;--color: #333333;.buttons-first-slot {ion-button {--background: #fff;--color: #ffffff;ion-icon {
color: #333333;}}}.app-quick-toolbar {ion-button {--color: black;}}}.app-seach-history {.header {--background: #fff;.history-title {display: none;}ion-searchbar {padding: 5px 20px;--border-radius: 20px;.searchbar-input-container {
background: #F2F2F3;border-radius: 20px;color: #333;.searchbar-search-icon {color: #B3B5B9;}}}}}.app-quick-group {justify-content: space-evenly;width: 60%;.quick-group-tab {border: none;flex: none;min-width: 60px;&.app-seleted-item {background: #fff;color: #363A44;font-weight: bold;.badge {display: none;}}}}}ion-content {--background: #fff;}}
//排序样式
.mdview-tools{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  .order-detail-mob-mdview-toolbar{
      --padding-end: 0;
      z-index:10;
      .code-box{
        overflow-x: auto;
        .ibz-item{
              --inner-border-width:0;
              min-width: 50%;
          }
      }
      .view-tool {
          display: flex;
          padding: 0 0 0 @padding-sm ;
          &-sorts {
              display: flex;
              flex-grow: 1;
              &-item {
                  display: flex;
                  height: 24px;
                  font-size: @font-size-md;
                  align-items: center;
                  .text {
                      display: flex;
                      flex-grow: 1;
                      font-size: 15px;
                  }
                  .sort-icon {
                      display: flex;
                      flex-direction: column;
                      width: 20px;
                      padding-left: @padding-base;
                      justify-content: center;
                      ion-icon {
                          font-size: @font-size-xs - 1;
                      }
                  }
              }
          }
          &-searchform {
              display: flex;
              width: 60px;
              justify-content: flex-end;
              align-items: center;
          }
      }
  }
}
.scroll_tool{
  position: absolute;
  bottom: 70px;
  right: 45px;
  .scrollToTop{
    opacity: 1;
    position: relative;
    bottom: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
    transition: all .5s;
    z-index: 1;
  .van-icon{
      font-size: 20px;
      color: #333;
    }
  }
}


    .batch_btn{
        .selectal-label {
            padding-left: 15px;
            font-size: 13px;
            color: @color-main-color;
        }
    }
    .mdview-tools-select{
        display: flex;
        overflow: auto;
    }
}

.order-detail-mob-mdview{}
